body,html{
    height: 100%;
}
main{
    background: #fff;
    max-width: 980px;
    margin: 0 auto;
}
.ad-title{
    color: #aaa;
    font-size: 12px;
    line-height: 16px;
}
.product-box{
    padding: 2px 0;
    li{
        position:relative;
        padding: 5px;
        border-bottom:1px solid #ddd;
        // cursor:pointer;
        z-index: 100;
        img{
            width: 100px;
            height: 90px;
        }
        .productname{
              overflow: hidden;
              max-height: 60px;
              width: 240px;
        }
        .price{
                  font-weight: 700;
              }
        .time{
                  color: orange;
                  font-size: 12px;
                  overflow: hidden;
                  position:absolute;
                  bottom: 0px;
                  left: 110px;
              }
              i{
                  position: absolute;
                  font-size: 20px;
                  height: 20px;
                  top: 50%;
                  margin-top:-10px;
                  right: 5px; 
              }
    }
}
.mask{
     width: 100%;
     height: 100%;
     background:rgba(0,0,0,.5);
     position: fixed;
     top: 0;
     left: 0;
     z-index: 5000;
     display:none;
     img{
         left:50%;
         top: 50%;
         transform: translate(-50%,-50%);
         width: 200px;
         height: 140px;
         position: absolute;
     }
     a{
         position: absolute;
         top: 50%;
         transform: translate(0,-50%);
         font-size: 40px;
         color: #fff;
         background:rgba(0,0,0,.5);
         
         width: 40px;
         height: 40px;
     }
     .prev{
        left: 25px;
     }
     .next{
         right: 25px;
     }
}